<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>盒子模型</title>
	</head>
	<body>
		<!-- 两种盒子模型都是由 content + padding + border + margin
		构成，其大小都是由 content + padding + border
		决定的，但是盒子内容宽/高度（即
		width/height）的计算范围根据盒模型的不同会有所不同： 标准盒模型：只包含
		content 。 IE（替代）盒模型：content + padding + border 。 可以通过
		box-sizing 来改变元素的盒模型： box-sizing: content-box
		：标准盒模型（默认值）。 box-sizing: border-box ：IE（替代）盒模型。 -->
	</body>
</html>
